<template>
  <div>
    <Header />
    <router-view></router-view>
    <!-- 特定的情况下底部页面不显示  直接对path进行判断-->
    <!-- <Footer v-show="$route.path === '/home' || $route.path === '/search'" /> -->
    <!-- 通过设置路由元信息来控制组件的显示和隐藏 -->
    <Footer v-show="!$route.meta.isFooter" />
  </div>
</template>

<script>
import { mapActions } from "vuex";
// 1.1引入组件
import Header from "@comp/Header";
import Footer from "@comp/Footer";
export default {
  name: "App",
  // 1.2注册组件
  components: { Header, Footer },
  mounted() {
    // 初始化的时候调用Vuex函数获取数据
    this.getCategoryList();
  },
  methods: {
    // 引入Vuex中处理异步函数
    ...mapActions("home", ["getCategoryList"]),
  },
};
</script>

<style>
</style>
